<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品详情</title>
    <meta name="keywords" content="#">
    <meta name="author" content="张伟海">
    <meta name="description" content="#">
    <link rel="shrotcut icon" href="">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/pro_details.css">
    <link rel="stylesheet" href="css/swiper-4.1.0.min.css">
</head>
<body>

<header class="header container clearFix">
    <a class="returnPrev" href="javascript:;" id="goBack"></a>
    <a class="product" href="javascript:;">宝贝</a>
    <a class="evaluation" href="javascript:;">评价</a>
    <a class="detailsLink" href="javascript:;">详情</a>
    <a class="shopCart" href="shop_cart.html"></a>
    <a class="more" href="javascript:;"></a>
</header>


<div class="middle">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/banner1.png" alt=""></div>
            <div class="swiper-slide"><img src="img/banner2.png" alt=""></div>
            <div class="swiper-slide"><img src="img/banner3.png" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="name container clearFix">
        <p id="title">温馨客厅灯圆形创意大气led吸顶灯简约现卧室灯具大厅1.2米</p>
        <a href="javascript:;">分享有礼</a>
    </div>
    <div class="price container clearFix">
        <p>￥<span id="price">569-2198</span></p>

        <p>抢购价</p>
    </div>
    <div class="original container">
        <p>原 价：<s id="oldPrice">￥5999.00</s></p>
    </div>
    <div class="details container">
        <p>快递：<span>0.00</span></p>

        <p>月销量：<span id="sales">8888 </span>件</p>

        <p>库存：<span id="stock">3011 </span>件</p>
    </div>
    <div class="express container">
        <p>送至：<span>广东省广州市海珠区</span></p>

        <p>现货 <span> 18：00前完成下单，预计明天到达</span><a href="javascript:;"><img src="img/youheijiantou.png" alt=""></a></p>
    </div>
    <ul class="promise">
        <li>七天退换</li>
        <li>货到付款</li>
        <li>保修一年</li>
        <li>急速发货</li>
    </ul>
    <dl class="color-type container" id="colorType">
        <dt>颜 色</dt>
        <dd class="on">白色</dd>
        <dd>黑色</dd>
    </dl>
    <div class="number container">
        <p>数 量</p>

        <div class="num">
            <button id="reduce" class="reduce">-</button>
            <input id="number" type="tel" value="1">
            <button id="plus" class="plus">+</button>
        </div>
    </div>
    <div class="comment container">
        <p>评 论<i>好评99%</i></p>
        <span>共 <strong id="evaluate"> 15123</strong> 条评价</span>
    </div>
    <ul class="comment-group container">
        <li><a href="javascript:;">亮度很好(213)</a></li>
        <li><a href="javascript:;">外观漂亮(213)</a></li>
        <li><a href="javascript:;">服务很好(213)</a></li>
        <li><a href="javascript:;">物流不错(213)</a></li>
        <li><a href="javascript:;">价格实惠(213)</a></li>
        <li><a href="javascript:;">节能省电(213)</a></li>
    </ul>
    <ul class="comment-details container">
        <li>
            <h6>到**会猪</h6>
            <span>2016-04-12</span>

            <p>质量非常不错，拥有了他,就好像拥有了全世界！站在巅峰的感觉真是不错</p>
            <i>颜色：白色</i>
            <button>回复</button>
        </li>
        <li>
            <h6>到**会猪</h6>
            <span>2016-04-12</span>

            <p>质量非常不错，拥有了他,就好像拥有了全世界！站在巅峰的感觉真是不错</p>
            <i>颜色：白色</i>
            <button>回复</button>
        </li>
    </ul>
    <div class="all-comment">
        <a href="javascript:;">查看全部评论</a>
    </div>
    <ul class="pro-details">
        <li>
            <a href="javascript:;">商品介绍</a>
        </li>
        <li>
            <a href="javascript:;">规格参数</a>
        </li>
        <li>
            <a href="javascript:;">售后保障</a>
        </li>
    </ul>
    <dl class="display">
        <dt>产品展示</dt>
        <dd><img src="img/display.png" alt=""></dd>
        <dd><img src="img/display.png" alt=""></dd>
    </dl>
    <div class="pro-parameters">
        <h5>商品参数</h5>
        <img src="img/canshu.png" alt="canshu">

        <div class="wait"></div>
    </div>
</div>

<div class="footer">
    <div class="left">
        <a href="javascript:;">客服</a>
        <a href="javascript:;" id="collection">收藏</a>
        <p class="collection-success container" id="success">收藏成功！！！</p>
    </div>
    <div class="right">
        <a href="javascript:;" id="payNow">立即购买</a>
    </div>
    <div class="central">
        <button class="my-shop" id="myShop">加入购物车</button>
        <p class="shop-carts">加入购物车成功！！！</p>
    </div>
</div>

<script src="lib/swiper-3.4.2.min.js"></script>
<script src="lib/zepto.min.js"></script>
<script src="lib/touch.zepto.js"></script>
<script src="lib/storages-1.2.2.js"></script>
<script src="js/common.js"></script>
<script src="js/pro_details.js"></script>
</body>
</html>